import { createRouter,createWebHistory } from 'vue-router'
import Home from '../views/Home.vue'
import Hot from '../views/Hot.vue';
import Players from '../views/Players.vue';

const routes = [
    {
        path: '/home',
        component: () => import('../views/Home.vue')
    },
    {
        path: '/hot/:id',
        name: 'hot',
        component: () => import('../views/Hot.vue'),
        props:true
    },
    {
        path: '/player',
        component: () => import('../views/Players.vue')
    }
]

const router = createRouter({
    history: createWebHistory(),
    routes: routes
})

export default router;